<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>鲜花特惠专区</title>
    <!-- 网页ico图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入css样式文件 -->
    <link rel="stylesheet" href="css/floor.css">
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="iconfont/iconfont.css" />
</head>

<body>
    <!-- 商品分类专区楼层页面 -->

    <!-- 总楼层盒子 -->
    <div class="container" id="box">
        <!-- 特惠秒杀倒计时盒子 -->
        <div class="djshbox">

            <div class="tbox">
                <div class="dtime" id="d"></div>
                <!-- 剩余的天数 -->
                <div class="dtime" id="h"></div>
                <!-- 剩余的小时 -->
                <div class="dtime" id="m"></div>
                <!-- 剩余的分钟 -->
                <div class="dtime" id="s"></div>
                <!-- 剩余的秒数 -->
            </div>
        </div>
        <!-- 1F特惠专区楼层 -->
        <div class="oneF">
            <!-- 楼层顶部 -->
            <div class="shopTit comWidth">
                <span></span>
                <h3 class="Ftext">1F&nbsp;爱情鲜花专区</h3>
                <a href="#">更多&nbsp &gt&gt</a>
            </div>
            <div class="shopList clearfix">
                <!-- 左半部分 -->
                <div class="leftArea">

                    <a href="#" class="imgBox ">
                        <image class="img" src="images/f11.jpg" alt="图标"></image>

                </div>
                <!-- 右半部分 4*2的8个商品 -->
                <div class="rightArea clearfix">
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f12.jpg"></img>
                            </a>
                        </div>
                        <h3>红豆相思 · 红玫瑰</h3>
                        <p>￥ 198</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f13.jpg"></img>
                            </a>
                        </div>
                        <h3>暮翠朝红 · 艳玫瑰</h3>
                        <p>￥ 118</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f14.jpg"></img>
                            </a>
                        </div>
                        <h3>含情脉脉 · 粉玫瑰</h3>
                        <p>￥ 166</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f15.jpg"></img>
                            </a>
                        </div>
                        <h3>心心相印 · 雪山玫瑰</h3>
                        <p>￥ 288</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f16.jpg"></img>
                            </a>
                        </div>
                        <h3>花好月圆 · 香槟玫瑰</h3>
                        <p>￥ 68</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f17.jpg"></img>
                            </a>
                        </div>
                        <h3>天作之合 · 赤红玫瑰</h3>
                        <p>￥ 198</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f18.jpg"></img>
                            </a>
                        </div>
                        <h3>百年好合 · 百合花</h3>
                        <p>￥ 288</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f19.jpg"></img>
                            </a>
                        </div>
                        <h3>两情相悦 · 粉相思玫</h3>
                        <p>￥ 188</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 2F特惠专区楼层 -->
        <div class="twoF">
            <!-- 楼层顶部 -->
            <div class="shopTit comWidth">
                <span></span>
                <h3 class="Ftext">2F&nbsp;家人长辈鲜花专区</h3>
                <a href="#">更多&nbsp &gt&gt</a>
            </div>
            <div class="shopList clearfix">
                <!-- 左半部分 -->
                <div class="leftArea">

                    <a href="#" class="imgBox ">
                        <image class="img" src="images/f21.png" alt="图标"></image>

                </div>
                <!-- 右半部分 4*2的8个商品 -->
                <div class="rightArea clearfix">
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f22.jpg"></img>
                            </a>
                        </div>
                        <h3>温情满满 · 粉百合</h3>
                        <p>￥ 98</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f23.jpg"></img>
                            </a>
                        </div>
                        <h3>母爱如山 · 康乃馨</h3>
                        <p>￥ 118</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f24.jpg"></img>
                            </a>
                        </div>
                        <h3>满是孝意 · 粉小牡丹</h3>
                        <p>￥ 156</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f25.jpg"></img>
                            </a>
                        </div>
                        <h3>足够爱你 · 雪山玫瑰</h3>
                        <p>￥ 128</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f26.jpg"></img>
                            </a>
                        </div>
                        <h3>温柔岁月 · 红色康乃馨</h3>
                        <p>￥ 158</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f27.jpg"></img>
                            </a>
                        </div>
                        <h3>伟大的爱 · 粉玫瑰</h3>
                        <p>￥ 228</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f28.jpg"></img>
                            </a>
                        </div>
                        <h3>温柔女神 · 康乃馨栀子花</h3>
                        <p>￥ 188</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f29.jpg"></img>
                            </a>
                        </div>
                        <h3>慈爱温柔 · 粉色康乃馨</h3>
                        <p>￥ 188</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 3F特惠专区楼层 -->
        <div class="threeF">
            <!-- 楼层顶部 -->
            <div class="shopTit comWidth">
                <span></span>
                <h3 class="Ftext">3F&nbsp;闺蜜同学朋友鲜花专区</h3>
                <a href="#">更多&nbsp &gt&gt</a>
            </div>
            <div class="shopList clearfix">
                <!-- 左半部分 -->
                <div class="leftArea">

                    <a href="#" class="imgBox ">
                        <image class="img" src="images/f31.png" alt="图标"></image>

                </div>
                <!-- 右半部分 4*2的8个商品 -->
                <div class="rightArea clearfix">
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f32.jpg"></img>
                            </a>
                        </div>
                        <h3>亲密女孩 · 粉荔枝玫瑰</h3>
                        <p>￥ 98</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f33.jpg"></img>
                            </a>
                        </div>
                        <h3>微笑向暖 · 向日葵</h3>
                        <p>￥ 108</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f34.jpg"></img>
                            </a>
                        </div>
                        <h3>前程似锦 · 橙色非洲菊</h3>
                        <p>￥ 186</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f35.jpg"></img>
                            </a>
                        </div>
                        <h3>完美无缺 · 宝蓝色满天星</h3>
                        <p>￥ 158</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f36.jpg"></img>
                            </a>
                        </div>
                        <h3>友情蜜语 · 粉小菊</h3>
                        <p>￥ 188</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f37.jpg"></img>
                            </a>
                        </div>
                        <h3>后会有期 · 白雪山</h3>
                        <p>￥ 268</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f38.jpg"></img>
                            </a>
                        </div>
                        <h3>星光灿烂 · 粉色满天星</h3>
                        <p>￥ 98</p>
                    </div>
                    <div class="shopItem">
                        <div class="image">
                            <a href="#"><img src="images/f39.jpg"></img>
                            </a>
                        </div>
                        <h3>毕业快乐 · 蓝色绣球花</h3>
                        <p>￥ 88</p>
                    </div>
                </div>
            </div>

            <!-- 4F特惠专区楼层 -->
            <div class="fourF">
                <!-- 楼层顶部 -->
                <div class="shopTit comWidth">
                    <span></span>
                    <h3 class="Ftext">4F&nbsp;领导客户商务鲜花专区</h3>
                    <a href="#">更多&nbsp &gt&gt</a>
                </div>
                <div class="shopList clearfix">
                    <!-- 左半部分 -->
                    <div class="leftArea">

                        <a href="#" class="imgBox ">
                            <image class="img" src="images/f41.jpg" alt="图标"></image>

                    </div>
                    <!-- 右半部分 4*2的8个商品 -->
                    <div class="rightArea clearfix">
                        <div class="shopItem">
                            <div class="image">
                                <a href="#"><img src="images/f42.jpg"></img>
                                </a>
                            </div>
                            <h3>一世平安 · 白百合忽忘我</h3>
                            <p>￥ 168</p>
                        </div>
                        <div class="shopItem">
                            <div class="image">
                                <a href="#"><img src="images/f43.jpg"></img>
                                </a>
                            </div>
                            <h3>璀璨人生 · 白乒乓菊</h3>
                            <p>￥ 118</p>
                        </div>
                        <div class="shopItem">
                            <div class="image">
                                <a href="#"><img src="images/f44.jpg"></img>
                                </a>
                            </div>
                            <h3>感激不尽 · 向日葵水果篮</h3>
                            <p>￥ 186</p>
                        </div>
                        <div class="shopItem">
                            <div class="image">
                                <a href="#"><img src="images/f45.jpg"></img>
                                </a>
                            </div>
                            <h3>事事如意 · 辉煌玫瑰</h3>
                            <p>￥ 128</p>
                        </div>
                        <div class="shopItem">
                            <div class="image">
                                <a href="#"><img src="images/f46.jpg"></img>
                                </a>
                            </div>
                            <h3>喜气洋洋 · 粉桔梗小菊</h3>
                            <p>￥ 688</p>
                        </div>
                        <div class="shopItem">
                            <div class="image">
                                <a href="#"><img src="images/f47.jpg"></img>
                                </a>
                            </div>
                            <h3>喜气远扬 · 绿绣球花</h3>
                            <p>￥ 888</p>
                        </div>
                        <div class="shopItem">
                            <div class="image">
                                <a href="#"><img src="images/f48.jpg"></img>
                                </a>
                            </div>
                            <h3>鸿运非凡 · 扶郎花</h3>
                            <p>￥ 688</p>
                        </div>
                        <div class="shopItem">
                            <div class="image">
                                <a href="#"><img src="images/f49.jpg"></img>
                                </a>
                            </div>
                            <h3>洪福齐天 · 粉百合</h3>
                            <p>￥ 398</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 右侧伸缩导航栏 -->
            <ul class="aside" id="aside">
                <li class="current on">
                    <a href="javascript:void(0)">限时秒杀</a>
                </li>
                <li>
                    <a href="javascript:void(0)">1 F 专区</a>
                </li>
                <li>
                    <a href="javascript:void(0)">2 F 专区</a>
                </li>
                <li>
                    <a href="javascript:void(0)">3 F 专区</a>
                </li>
                <li>
                    <a href="javascript:void(0)">4 F 专区</a>
                </li>
            </ul>

            <script src="js/myAnimation.js" type="text/javascript" charset="utf-8"></script>
            <script src="js/floor.js"></script>







</body>

</html>